<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style>
			/* 层次选择器 */
			/* 1.后代选择器 */
			/* div p{
				color: red;
				font-weight: bold;
				font-size: 100px;
			} */
			
			/* 2.子代选择器 */
			/* div > p{
				color: blue;
				font-size: 100px;
			} */
			
			/* 3.群组选择器 */
			div,p,span{
				color: green;
				font-size: 100px;
			}
			
		</style>
	</head>
	<body>
		<div>
			我是div
			<ul>
				<li>
					<!-- 不是div下的直接子代 -->
					<p>我是p标签</p>
				</li>
			</ul>
			<!-- 是div下的直接子代 -->
			<p>我是p标签</p>
			<p>我是p标签</p>
		</div>
		<p>我是p标签</p>
		<span>我是span标签</span>
	</body>
</html>
